@import "reset";
@import "variables/global";
@import "themes/light";
@import "themes/dark";

body {
    font: var(--body1);
    color: var(--text-primary);
}

.app {
    min-height: 100vh;
    background: var(--page-bg-color);
}

.content-page {
    display: flex;
    padding-top: var(--header-height);
}

*::-webkit-scrollbar {
    width: 12px;               /* ширина scrollbar */
    height: 8px;
}

*::-webkit-scrollbar-track {
    background: var(--card-bg-color);        /* цвет дорожки */
}

*::-webkit-scrollbar-thumb {
    background-color: var(--card-bg-color);    /* цвет плашки */
    border-radius: 20px;       /* закругления плашки */
    border: 2px solid var(--card-border-color);  /* padding вокруг плашки */
}
